<template>
  <view class="refresh-btn-container">
    <uni-icons type="reload" size="20" class="refresh-icon" @click="refreshData"></uni-icons>
    <text class="refresh-text">换一批</text>
  </view>
</template>
 
<script>
export default {
  methods: {
    refreshData() {
      // 这里实现数据的刷新逻辑
      console.log('刷新数据...');
      // 例如请求新的数据并更新组件的数据
    }
  }
}
</script>
 
<style scoped>
.refresh-btn-container {
  display: flex;
  align-items: center;
  margin-top: 10px;
  color: #333;
  font-size: 14px;
  cursor: pointer;
}
 
.refresh-icon {
  margin-right: 5px;
}
 
.refresh-text {
  user-select: none;
}
</style>